<template>
	<div class="indexWrap">
        <h1 class="test">dd</h1>
		<input type="text" placeholder="哈哈">
		<a href="">dd</a>
		<el-button type="primary">Primary</el-button>
		<el-checkbox v-model="value1" label="Option 1"></el-checkbox>
		<div class="directive">
			<div v-draggable class="secDir"><span>1</span></div>
		</div>
		<btn></btn>
	</div>
</template>
<script type="text/javascript">
	
	export default{
		data(){
			return {
				//index:0
				value1:""
			}
		},
		mounted(){
			//console.log(this.$util.getTime());
			this.$store.commit("SET_INDEX",12);
        },
        watch:{
            
        },
		components : {
			
		},
		methods : {

		}
	}
</script>
<style type="text/css" lang="less" scoped>
	.indexWrap{
		.test{
			color:red;
		}
		::placeholder {
			color: red;
		}
		.directive{
			width:500px;
			height:300px;
			border: 1px solid black;
			overflow-y: scroll;
			overflow-x: hidden;
			margin: 0 auto;
		}
		.secDir{
			width:500px;
			height:50px;
			border: 1px solid red;
		}
	}
</style>